<template>
  <div class="box">
    <div>递归组件 两级菜单</div>
    <!-- https://www.cnblogs.com/fei-H/p/11359028.html -->
    <!-- https://www.jianshu.com/p/09de2864657a    两层 -->
    <div>
      <Recursive :navList="navList">
        <!-- <template slot-scope="a">{{a}}</template> -->
      </Recursive>
    </div>
  </div>
</template>
<script>
export default {
  name: "recursive",
  data() {
    return {
      navList: [
        {
          title: "首页",
          name: "home",
          list: []
        },
        {
          title: "业务介绍",
          name: "BusinessIntroduction",
          list: [
            {
              title: "交易规则",
              name: "BusinessIntroduction"
            },
            {
              title: "政策法规",
              name: "BusinessIntroduction"
              //   list: [{ name: "shit", title: "shit" }]
            }
          ]
        },
        {
          title: "新闻资讯",
          name: "News",
          list: [
            {
              title: "公告通知",
              name: "BusinessIntroduction"
            },
            {
              title: "公司新闻",
              name: "BusinessIntroduction"
            },
            {
              title: "行业资讯",
              name: "BusinessIntroduction"
            }
          ]
        },
        {
          title: "关于我们",
          name: "AboutUs",
          list: [
            {
              title: "中心介绍",
              name: "BusinessIntroduction"
            },
            {
              title: "法律申明",
              name: "BusinessIntroduction"
            },
            {
              title: "常见问题",
              name: "BusinessIntroduction"
            }
          ]
        }
      ]
    };
  }
};
</script>
<style lang="less">
</style>